import Vue from 'vue'
import Vuex from 'vuex'

import {state} from './state'
import {mutations } from './mutations'
import {actions} from  './actions'
// vuex是专门为vue开发的状态管理模式 采用集中式存储管理应用的所有组件的状态  并保证状态以可预测的方式变化
Vue.use(Vuex) // 安装vuex插件



// 创建store
export default new Vuex.Store({
  state,
  // 同步改变state
  mutations,
  // 异步提交commit一个actions
  actions,
  // getters用来对state的状态进行派生： 类似于计算属性
  getters:{
    str(state) {
      return state.city + '123131313'
    }
  }
})
